@charset 'utf-8';
.index-box{width:100%;position:relative;padding:.5rem 0;background:#fff;}
.index-tit1{font-size:.2rem;line-height:1em;font-weight:normal;color:#000;}
.index-box .main{width:100%;position:relative;margin-top:40px;overflow:hidden;}
/*------------------------------------------------------------------------------------*/
/*slide*/
.index-slide{width:100%;position:relative;overflow:hidden;}
.index-slide i{display:block;width:100%;height:100vh;min-height:500px;max-height:800px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.index-slide .tips{position:absolute;z-index:10;display:block;font-size:0;text-align:center;}
.index-slide .tips .bullet{display:inline-block;width:.05rem;height:.05rem;border-radius:.025rem;-webkit-border-radius:.025rem;transition:width .5s ease;-webkit-transition:width .5s ease;margin:0 .025rem;background:#fff;cursor:pointer;box-shadow:.015rem .015rem .05rem rgba(0,0,0,.3);}
.index-slide .tips .bullet.on{width:.2rem;background:#d30111;box-shadow:none;}
/*------------------------------------------------------------------------------------*/
/*adv*/
.index-adv{padding-bottom:0;}
.index-adv .title{text-align:center;}
.index-adv .title .line{width:1.5rem;margin:0 auto;position:relative;margin-top:.2rem;font-size:0;text-align:center;}
.index-adv .title .yuan{display:inline-block;position:relative;background:#fff;padding:0 .1rem;z-index:5;}
.index-adv .title .yuan i{display:block;margin:0 auto;background:#d30111;width:.05rem;height:.05rem;border-radius:50%;-webkit-border-radius:50%;}
.index-adv .title .line:before{content:'';height:1px;width:100%;background:#999;position:absolute;top:50%;left:0;z-index:1;}
.index-adv ul{ font-size:0;}
.index-adv ul li{ width:18.8%;display:inline-block;vertical-align:top;margin-right:1.5%;position:relative;border:1px #999 solid;padding:.075rem;cursor:pointer;}
.index-adv ul li:last-child{ margin-right:0;}
.index-adv ul li img{display:block;max-width:100%;margin:0 auto;position:relative;z-index:2;animation-duration:.8s;}
.index-adv ul li h1{display:inline-block;position:relative;font-size:0.075rem;font-weight:lighter;background:#d30111;color:#fff;padding:.025rem .125rem .025rem .05rem;line-height:.1rem;border-radius:0 .15rem .15rem 0;-webkit-border-radius:0 .15rem .15rem 0;transform:translateX(-.08rem);-webkit-transform:translateX(-.08rem);z-index:4;}
.index-adv ul li h2{font-size:.09rem;font-weight:600;text-align:center;line-height:2em;margin-bottom:.05rem;position:relative;z-index:2;}
.index-adv ul li p{font-size:.065rem;line-height:.1rem;text-align:center;color:#777;position:relative;z-index:2;}

.index-adv ul li:hover{border-color:#d30111;}
.index-adv ul li:hover h2{color:#d30111;}
.index-adv ul li:hover img{-webkit-animation-name:imgjump;animation-name:imgjump;}
/*------------------------------------------------------------------------------------*/
.index-about .title{position:relative;padding-bottom:.15rem;}
.index-about .title:before{content:'';height:.015rem;width:2em;background:#d30111;position:absolute;bottom:0;left:0;}
.index-about .main{font-size:.09rem;line-height:2em;}
.index-about .info{width:100%;position:relative;margin-top:.1rem;background:url(../img/bg/about.jpg) no-repeat center/cover;color:#fff;padding:.4rem 0 .4rem .2rem;font-size:0;}
.index-about .info .item{width:calc(calc(100% - .6rem) / 3);width:-webkit-calc(calc(100% - .6rem) / 3);font-size:0;animation-duration:.8s;}
.index-about .info .item:hover{-webkit-animation-name:imgjump;animation-name:imgjump;}
.index-about .info .item{display:inline-block;padding:.05rem 0;margin-right:.2rem;cursor:pointer;text-align:center;position:relative;z-index:10;}
.index-about .info .item2{position:absolute;right:.2rem;bottom:0;overflow:hidden;width:1.35rem;}
.index-about .info .item2 img{display:block;width:auto;margin:0 0 0 auto;max-width:100%;}

.index-about .info p{display:inline-block;vertical-align:top;font-size:.13rem;line-height:.15rem;height:.15rem;overflow:hidden;letter-spacing:.015rem;}
.index-about .info i{display:inline-block;vertical-align:top;width:.15rem;height:.15rem;margin-right:.05rem;border:.015rem #ece28b solid;background:url(../img/icos/yes.png) center center/.12rem;}
.index-about .info .p1{text-align-last:justify;width:1.16rem;}
/*------------------------------------------------------------------------------------*/
.index-album{background:url(../img/bg/album.jpg) no-repeat center/cover;}
.index-album:before{ content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#472929;opacity:.95;}
.index-album .title{text-align:center;}
.index-album .title h1{color:#fff;line-height:.4rem;position:relative;z-index:10;}
.index-album .title p{color:#fff;opacity:.05;font-size:.4rem;text-transform:uppercase;line-height:.4rem;position:absolute;width:100%;height:.4rem;overflow:hidden;text-align:center;top:0;left:0;z-index:2;}

.index-album .main .item{display:block;position:relative;}
.index-album .main .item img{display:block;width:100%;}

.index-album .bigbox{overflow:hidden;}
.index-album .bigbox .item .desc{background:rgba(0,0,0,.8);padding:.2rem;color:#fff;position:absolute;top:0;bottom:0;right:0;display:flex;display:-webkit-flex;flex-direction:column;align-items:center;justify-content:center;left:0;opacity:0;visibility:hidden;transition:all .5s ease;-webkit-transition:all .5s ease;}
.index-album .main .item:hover .desc{top:.2rem;bottom:.2rem;left:.2rem;right:.2rem;opacity:1;visibility:visible;}
.index-album .bigbox .item .desc h1{font-size:.17rem;font-weight:normal;line-height:1em;height:1em;overflow:hidden;display:block;position:relative;}
.index-album .bigbox .item .desc p{display:block;position:relative;font-size:.08rem;line-height:2em;margin:.15rem 0 .2rem;}
.index-album .bigbox .item .desc .more{display:block;border:1px #fff solid;padding:.5em 2em;font-size:.065rem;line-height:.1rem;text-align:center;font-weight:lighter;}
.index-album .bigbox .item .desc .more:hover{ background:#d30111;border-color:#d30111;}

.index-album .smallbox{overflow:hidden;}
.index-album .smallbox .item{background:rgba(255,255,255,.2);padding:.025rem;height:.5rem;cursor:pointer;}
.index-album .smallbox .item i{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.index-album .smallbox .swiper-slide-thumb-active{background:#fff;}

.index-album .button{margin-top:.05rem;width:100%;position:relative;padding:0 .25rem;}

.index-album .but{width:.2rem;height:100%;position:absolute;top:0;background:#fff;cursor:pointer;}
.index-album .but:before,
.index-album .but:after{content:'';width:100%;height:.01rem;background:rgba(0,0,0,.3);position:absolute;top:50%;margin-top:-1px;}
.index-album .but:before{transform:rotate(60deg);-webkit-transform:rotate(60deg);}
.index-album .but:after{transform:rotate(-60deg);-webkit-transform:rotate(-60deg);}
.index-album .but:hover{background:#d30111;}
.index-album .but:hover:before,
.index-album .but:hover:after{background:#fff;}

.index-album .prev{left:0;}
.index-album .prev:before,
.index-album .prev:after{left:20%;transform-origin:left;-webkit-transform-origin-x:left;}
.index-album .next{right:0;}
.index-album .next:before,
.index-album .next:after{right:20%;transform-origin:right;-webkit-transform-origin-x:right;}
/*------------------------------------------------------------------------------------*/
.index-gbook{padding-top:.3rem;}
.index-gbook .w1400:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:.01rem #ccc solid;}
.index-gbook .title{width:90%;max-width:6rem;margin:0 auto;position:relative;font-size:0;transform:translateY(-.06rem);-webkit-transform:translateY(-.06rem);}
.index-gbook .title dd{display:block;position:relative;float:left;background:#fff;}
.index-gbook .title dd p{display:inline-block;position:relative;font-size:.09rem;height:.12rem;line-height:.12rem;margin:0 .1rem;padding-left:.15rem;cursor:pointer;}
.index-gbook .title dd p:before{content:'';width:100%;height:.015rem;position:absolute;left:0;bottom:-.05rem;background:#fff;}
.index-gbook .title dd p i{width:.12rem;height:.12rem;display:block;position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:100%;opacity:.5;}

.index-gbook .title dd p.on,
.index-gbook .title dd p:hover{color:#000;}
.index-gbook .title dd p.on i,
.index-gbook .title dd p:hover i{opacity:1;}
.index-gbook .title dd p:hover:before,
.index-gbook .title dd p.on:before{ background:#d30111;}

.index-gbook .title dd .i1{background-image:url(../img/gbook/1.png);}
.index-gbook .title dd .i2{background-image:url(../img/gbook/2.png);}
.index-gbook .title dd .i3{background-image:url(../img/gbook/3.png);}
.index-gbook .title dd .i4{background-image:url(../img/gbook/4.png);}

.index-gbook .title dt{display:block;position:relative;float:right;background:#fff;font-size:.08rem;line-height:.12rem;height:.12rem;color:#000;padding:0 .1rem 0 .05rem;}
.index-gbook .title dt i{display:block;position:absolute;width:0;height:0;border-style:solid;border-width:.035rem .05rem;border-color:#fff #d30111 #fff #fff;left:-.1rem;top:.025rem;}
.index-gbook .title dt:before{content:'';position:absolute;width:.08rem;height:.01rem;background:#ccc;right:0;top:50%;transform:rotate(-25deg);-webkit-transform:rotate(-25deg);transform-origin:right;transform-origin-X:right;}

.index-gbook .main{width:90%;max-width:6rem;margin:0 auto;overflow:visible;text-align:center;font-size:0;padding-top:.25rem;}
.index-gbook .main .item{display:block;width:45%;float:left;position:relative;margin-bottom:5%;}
.index-gbook .main .item1{margin-right:5%;}
.index-gbook .main .item p{position:absolute;top:50%;left:0;display:block;font-size:.1rem;line-height:2em;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.index-gbook .main .item p i{color:#d30111;}
.index-gbook .main .item .inpbox{width:100%;padding-left:.55rem;position:relative;overflow:hidden;}
.index-gbook .main .item .inpbox input{width:100%;border:.01rem #ccc solid;border-radius:.03rem;-webkit-border-radius:.03rem;padding:.05rem;font-size:.08rem;line-height:.15rem;}

.index-gbook .main .hidden{display:none;}
.index-gbook .main .code .inpbox{padding-right:.8rem;}
.index-gbook .main .code img{position:absolute;top:0;right:0;display:block;height:100%;}

.index-gbook .but{display:inline-block;background:#fff;transform:translateY(50%);-webkit-transform:translateY(50%);}
.index-gbook .but input[type="submit"]{display:block;margin:0 .1rem;background:#d30111;color:#fff;padding:0 3.5em;font-size:.12rem;line-height:2.5em;border-radius:.03rem;-webkit-border-radius:.03rem;cursor:pointer;}
/*------------------------------------------------------------------------------------*/
.index-pro .tit{ position:relative;text-align:center;}
.index-pro .tit p{font-size:40px;color: #000; position:absolute; top:50%; width:100%; left:0;text-align:center;z-index:10;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index-pro .tit h1{font-size:150px; line-height:1em;color:#d30111;opacity:.1;text-transform:uppercase;}

.index-pro ul{ font-size:0;}
.index-pro ul li{ display:inline-block; vertical-align:top; position:relative; width:23.5%; margin-right:2%; margin-bottom:2%;}
.index-pro ul li:nth-child(4n){ margin-right:0;}
.index-pro ul li .desc{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,.8);color:#fff;padding:.3rem .2rem;opacity:0;visibility:hidden;transition:all .5s ease;-webkit-transition:all .5s ease;}
.index-pro ul li:hover .desc{opacity:1;visibility:visible;}
.index-pro ul li .desc h1{font-size:18px;line-height:2em;}
.index-pro ul li .desc h1 i{font-weight:lighter;font-size:14px;margin-left:10px;opacity:.95;}
.index-pro ul li .desc h2{font-size:12px;line-height:20px;opacity:.5;}
.index-pro ul li .desc p{font-size:14px;line-height:24px; margin-top:20px;word-break:break-all;}
.index-pro ul li .desc a{display:block;border:1px #fff solid;width:130px;font-size:14px;line-height:34px;text-align:center;position:absolute;bottom:60px;left:50%;margin-left:-65px;}
.index-pro ul li .desc a:hover{ background:#fff;color:#333;}

.index-pro ul li.li8{}
/*------------------------------------------------------------------------------------*/
.index-news{ padding-top:0;}
.index-news .left{width:55%;height:1.8rem;overflow:hidden;float:left;position:relative;padding-right:.1rem;}
.index-news .left dd,
.index-news .left dt{position:relative;display:block;height:100%;float:left;color:#fff;}
.index-news .left dd{background:#472929;width:20%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;line-height:1.2em;}
.index-news .left dt{background:url(../img/bg/news.jpg) no-repeat center/cover;float:right;width:80%;}

.index-news .main{width:45%;float:right;position:relative;background:#f2f2f2;margin-top:0;}
.index-news .main .item{display:block;width:100%;position:relative;}
.index-news .main .item p,
.index-news .main .item i{display:block;line-height:.3rem;height:.3rem;overflow:hidden;position:relative;}
.index-news .main .item i{width:.2rem;z-index:10;}
.index-news .main .item i:before{ content:'';width:.02rem;height:.02rem;background:#999;border-radius:50%;-webkit-border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-.01rem;margin-left:-.01rem;}
.index-news .main .item p{font-size:.09rem;position:absolute;left:.2rem;right:.1rem;top:0;border-bottom:1px #999 dashed;}
.index-news .main .item:last-child p{border-bottom:0;}

.index-news .main .item:hover i:before{ background:#d30111;}
.index-news .main .item:hover p{ color:#d30111;}
/*------------------------------------------------------------------------------------*/
.index-case{ padding-top:0;}
.index-case .title{ font-size:0;text-align:center;position:relative;}
.index-case .title h1{ display:inline-block;padding:0 .2rem;background:#fff;z-index:10;position:relative;}
.index-case .title:before{ content:'';left:25%;right:25%;height:.01rem;background:#999;position:absolute;top:50%;margin-top:-1px;}

.index-case .main .left{width:35%;height:1.82rem;float:left;position:relative;padding-right:.1rem;}
.index-case .main .left i{ display:block;width:100%;height:100%;background:url(../img/bg/case.jpg) no-repeat center/cover;}

.index-case .main .right{width:65%;float:right;position:relative;border:.01rem #ccc solid;}
.index-case .main .right .item{display:block;width:100%;position:relative;}
.index-case .main .right .item p,
.index-case .main .right .item i,
.index-case .main .right .item em{display:block;font-size:.09rem;line-height:.3rem;height:.3rem;overflow:hidden;position:relative;}
.index-case .main .right .item i{width:.2rem;z-index:10;}
.index-case .main .right .item i:before{content:'';width:.02rem;height:.02rem;background:#999;border-radius:50%;-webkit-border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-.01rem;margin-left:-.01rem;}

.index-case .main .right .item em{ position:absolute;top:0;right:.1rem;}
.index-case .main .right .item p{position:absolute;left:.2rem;right:.1rem;top:0;border-bottom:1px #999 dashed;padding-right:.55rem;}
.index-case .main .right .item:last-child p{border-bottom:0;}

.index-case .main .right .item:hover i:before{ background:#d30111;}
.index-case .main .right .item:hover{ color:#d30111;}
/*------------------------------------------------------------------------------------*/
.index-partner{ background:#f2f2f2;}
.index-partner .w1400{ width:100%;}
.index-partner .title{text-align:center;}
.index-partner .title p{font-size:.11rem;line-height:2em;text-transform:uppercase;}

.index-partner .main{ margin-top:0;}
.index-partner .item{overflow:hidden;padding-top:.2rem;background:url(../img/bg/partner.png) #f2f2f2 no-repeat center/auto 100%;}
.index-partner .item ul{width:100%;position:relative;font-size:0;text-align:center;}
.index-partner .item .ul1{transform:translateY(.125rem);-webkit-transform:translateY(.125rem);}
.index-partner .item .ul3{transform:translateY(-.125rem);-webkit-transform:translateY(-.125rem);}
.index-partner .item .ul4{transform:translateY(-.25rem);-webkit-transform:translateY(-.25rem);}

.index-partner .item li{width:12.5%;height:.5rem;display:inline-block;vertical-align:top;position:relative;}
.index-partner .item li p{display:block;overflow:hidden;width:.5rem;height:.5rem;background:#fff;cursor:pointer;border-radius:.05rem;-webkit-border-radius:.05rem;}
.index-partner .item li i{display:block;position:absolute;overflow:hidden;width:.8rem;height:.8rem;top:50%;left:50%;margin-top:-.4rem;margin-left:-.4rem;padding:.1rem;}
.index-partner .item li i img{display:block;width:100%;}

.index-partner .item li p{margin:0 auto;box-shadow:.015rem .01rem .015rem rgba(0,0,0,.2);}
.index-partner .item li:hover p{margin-top:-.03rem;box-shadow:.015rem .01rem .015rem rgba(0,0,0,.5);}

.index-partner .buts{margin-top:.1rem;position:relative;font-size:0;text-align:center;}
.index-partner .buts i,
.index-partner .buts .tips{display:inline-block;position:relative;height:.1rem;vertical-align:top;overflow:hidden;}

.index-partner .buts i{width:.1rem;cursor:pointer;}
.index-partner .buts i:before{content:'';width:.05rem;height:.05rem;border-style:solid;border-color:#999;position:absolute;top:.025rem;}
.index-partner .buts .prev:before{border-width:1px 0 0 1px;left:.025rem;}
.index-partner .buts .next:before{border-width:1px 1px 0 0;right:.025rem;}

.index-partner .buts .tips{width:auto;margin:0 .2rem;bottom:auto;}
.index-partner .buts .tips .bullent{display:inline-block;width:.06rem;height:.06rem;margin:.02rem .025rem;border:1px #999 solid;cursor:pointer;}
.index-partner .buts .tips .bullent.on{border-color:#d30111;}

.index-partner .item li p{transition:all .5s ease;-webkit-transition:all .5s ease;}
.index-partner .item li i,
.index-partner .buts .prev:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.index-partner .item li p,
.index-partner .buts .next:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
/*------------------------------------------------------------------------------------*/